<template>
  <div class="pubHead">
      <span class="back" @click="fun()">&lt;</span>
      <span class="iconfont icon-fangdajingsuosou--xian"></span>
    <span class="title">原神</span>
    <span class="iconfont icon-qiandao-xianxing"></span>
  </div>
</template>

<script>
export default {
  methods: {
    fun(){
      this.$router.push('/home')
    }
  },
}
</script>

<style scoped>
.pubHead {
  height: 0.44rem;
  background-color: rgb(245, 245, 245);
  line-height: 0.44rem;
  padding: 0 0.15rem;
  border-bottom: 1px solid rgb(235,235,235);
}
.pubHead .back {
  font-size: 0.26rem;
  padding: 0 0.05rem;
  margin-right: 0.2rem;
  vertical-align: middle;
}
.icon-fangdajingsuosou--xian {
  font-size: 0.24rem;
  vertical-align: middle;
}
.pubHead .title {
  margin-left: .82rem;
  margin-right: 1.1rem;
  font-size: .22rem;
  font-weight: 700;
  vertical-align: middle;
}
.icon-qiandao-xianxing{
  font-size: .26rem;
  vertical-align: middle;
}
</style>